{% extends 'base.html' %}

{% block title %}Home{% endblock %}

{% block preload_js %}
<script type="text/javascript">
	$(function() {
			$("#content a").button();
	});
</script>
{% endblock %}

{% block content %}
<div id="menu-header" class="ui-corner-tl ui-corner-tr ui-corner-bl ui-corner-br">
  <h3>Welcome, guest!</h3>
</div>
<div id="menu" class="ui-corner-tl ui-corner-tr ui-corner-bl ui-corner-br">
  <a href="admin">Cards</a>
  <a href="admin">Decks</a>
  <a href="admin">Search</a>
  <a href="admin">Users</a>
</div>
<div id="menu-footer" class="ui-corner-tl ui-corner-tr ui-corner-bl ui-corner-br">
  <div class="content ui-corner-tl ui-corner-tr ui-corner-bl ui-corner-br">
    <h3>Latest activity...</h3>
    <ul>
      <li>New Card...</li>
      <li>Deck Modified...</li>
      <li>New Comment...</li>
    </ul>
  </div>
</div>
{% endblock %}

{% block sidebar %}
{% endblock %}
